<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="记录下这来之不易的学习资料吧!">
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}" type="image/x-icon">
    <title>AURORA 收藏屋</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/gamehouse.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/gameart.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/allcursor.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/iview.css}">
</head>
<body>
<div class="back-top p-r">
    <div class="wave p-a ">
        <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
             viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
            <defs>
                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
            </defs>
            <g class="parallax">
                <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7)" />
                <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
                <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
                <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
            </g>
        </svg>
    </div>
    <div class="gamehaner p-ht">
        <h3 class="p-blod c-pink">AURORA 收藏屋</h3>
        <span class="c-purple p-ht text-align">
				<div id="chakhsu" class="p-blod"></div>
				</span>
        </span>
    </div>
</div>
<div class="gamemain p-ht">
    <div class="nav-box p-blod show-box-m" :class="{navboxfixed:navflag}"  id="nav-box">
        <div class="nav-one ">
            <a class="a-default c-black" th:href="@{/}">
                首页<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black p-def" th:href="@{/pcgame}">
                PC大作<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/indexgame}">
                小型/独立游戏<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/kf}">
                VR游戏<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black"  th:href="@{/kf}">
                模拟器游戏<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/search}">
                <svg width="15" height="15" style="position: relative;top: -2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#9AAAB4" d="M27.388 24.642L24.56 27.47l-4.95-4.95 2.828-2.828z"/><path fill="#66757F" d="M34.683 29.11l-5.879-5.879c-.781-.781-2.047-.781-2.828 0l-2.828 2.828c-.781.781-.781 2.047 0 2.828l5.879 5.879c1.562 1.563 4.096 1.563 5.658 0 1.56-1.561 1.559-4.094-.002-5.656z"/>
                    <circle fill="#8899A6" cx="13.586" cy="13.669" r="13.5"/><circle fill="#BBDDF5" cx="13.586" cy="13.669" r="9.5"/>
                </svg> 搜索<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/my}">
                关于我<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one-img smallbox" id="tv" type="button" onclick="tvdown()">
            <img th:src="@{/img/webicon/tv.gif}" width="45px">
            <div class="bor-t"></div>
        </div>
        <a class="a-c-de" style="color: #000000;" href="#下载">
            <div class="download-box show-box-d-m"  type="button">
                <Tooltip content="跳转至下载" placement="left">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download svg-p-r-b-2" viewBox="0 0 16 16">
                    <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
                    <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
                </svg>
                </Tooltip>
            </div>
        </a>
        <div class="pl-box show-box-d-m button-hover" type="button" onclick="plclick()">
            <Tooltip content="查看评论" placement="left">
                <svg xmlns="http://www.w3.org/2000/svg"
                     width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                     class="feather feather-message-circle c-green">
                    <path
                            d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
                    </path>
                </svg>
            </Tooltip>
        </div>
        <div class="back-box show-box-d-m button-hover" type="button" :class="{disn:scrollTop<520}" onclick="backclick()" v-cloak="">
            <Tooltip content="返回顶部" placement="left">
                <svg xmlns="http://www.w3.org/2000/svg" width="13px" height="13px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-up">
                    <polyline points="10 9 15 4 20 9"></polyline>
                    <path d="M4 20h7a4 4 0 0 0 4-4V4"></path>
                </svg>
            </Tooltip>
        </div>
        <!-- 设置box -->
        <div class="setting-all" id="set-all">
            <div class="setting-box show-box-d-m svg-p-r-2 button-hover" type="button" onclick="setting()">
                <Tooltip content="设置" placement="left">
                    <svg id="rotate-svg" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none"
                         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                         class="feather feather-settings" data-original-title="" title="">
                        <circle cx="12" cy="12" r="3"></circle>
                        <path
                                d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
                        </path>
                    </svg>
                </Tooltip>
            </div>
            <div class="setting-right p-ht p-blod">
                <div class="setting-title-one">
                    <p class="p-default" >设置</p>
                    <Tooltip content="取消所有设置的选中" placement="top-end">
                        <button type="button" class="button-default b-pink" @click="settingreset"><p class="p-default p-blod">重置</p></button>
                    </Tooltip>
                </div>
                <div class="ST">
                    <div class="setting-title">
                        <p class="p-default">固定导航</p>
                        <div type="button" :class="{switch:true,switchs:flag}" @click="navclick"></div>
                    </div>
                    <div class="setting-title">
                        <Tooltip content="不想做了，开摆！" placement="right">
                            <p class="p-default" style="font-size: 15px;">夜晚模式
                                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                     viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                     stroke-linecap="round" stroke-linejoin="round"
                                     class="feather feather-alert-circle" style="vertical-align: -1px">
                                    <circle cx="12" cy="12" r="10"></circle>
                                    <line x1="12" y1="8" x2="12" y2="12"></line>
                                    <line x1="12" y1="16" x2="12.01" y2="16"></line>
                                </svg>
                            </p>
                        </Tooltip>
                        <div type="button" :class="{switch:true,switchs:nightFlag}" @click="nightFlag = ! nightFlag"></div>
                    </div>
                    <div class="setting-title p-r">
                        <p class="p-default">自定义背景</p>
                        <Tooltip content="暂无法使用" placement="top">
                            <div class="ban">
                                <input type="checkbox" class="switch dis-n">
                            </div>
                        </Tooltip>
                    </div>
                    <div class="setting-title">
                        <p class="p-default">设置主题颜色</p>
                        <Tooltip content="暂无法使用" placement="bottom">
                            <div class="ban">
                                <!-- <input type="text" name="themecolor" id="" value="" class="themeinput p-blod"/> -->
                            </div>
                        </Tooltip>
                    </div>
                    <!-- <div class="h-x"></div>
                    <div class="img-list">

                         add button -->
                    <!-- <div class="add-img text-align" type="button" >
                        <span>设置</span>
                    </div>
                </div> -->
                </div>
            </div>
        </div>
    </div>

    <div class="bodymain" th:each="article: ${artList}">
        <div class="nrhome">
            <div class="showview">

                <div class="top-title-ac">
                    <h1 class="text-align h1-margin-sm p-blod" th:text="${article.gameTitle}" id="arttitle">咩咩启示录（Cult of the Lamb）v1.05全DLC中文版</h1>
                    <div class="tag-user">
                        <div class="icon-box F-b">
                            <!-- <p class="icon-wz"> -->
                            <svg style="position:relative; top:-2px;" xmlns="http://www.w3.org/2000/svg"
                                 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-user c-purple">
                                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                <circle cx="12" cy="7" r="4"></circle>
                            </svg>
                            <!-- </p> -->
                            <span class="span-16 lin-p p-gray p-blod" th:text="${article.gameArticle}">暮迟</span>
                        </div>
                        <div class="time-ac F-b">
                            <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
                                 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-clock c-blue">
                                <circle cx="12" cy="12" r="10"></circle>
                                <polyline points="12 6 12 12 16 14"></polyline>
                            </svg>
                            <time class="span-16 lin-p p-gray p-blod" th:text="${article.gameUptime}" id="endTimeGet">2022年06月29日</time>
                        </div>
                        <div class="look-ac F-b">
                            <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
                                 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-eye c-pink">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            <span class="span-16 lin-p p-gray p-blod" ><span th:text="${article.gameLook}">33</span>次浏览</span>
                        </div>
                        <div class="look-ac F-b">
                            <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
                                 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-message-circle c-green">
                                <path
                                        d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
                                </path>
                            </svg>
                            <span class="span-16 lin-p p-gray p-blod"><span id="plnum2">12</span>条评论</span>
                        </div>
                        <div class="look-ac F-b">
                            <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
                                 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-hash c-blue">
                                <line x1="4" y1="9" x2="20" y2="9"></line>
                                <line x1="4" y1="15" x2="20" y2="15"></line>
                                <line x1="10" y1="3" x2="8" y2="21"></line>
                                <line x1="16" y1="3" x2="14" y2="21"></line>
                            </svg>
                            <span class="span-16 lin-p p-gray p-blod"><span th:text="${article.gameDownload}">12</span>次下载</span>
                        </div>
                        <div class="look-ac F-b">
                            <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
                                 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-hash c-purple">
                                <line x1="4" y1="9" x2="20" y2="9"></line>
                                <line x1="4" y1="15" x2="20" y2="15"></line>
                                <line x1="10" y1="3" x2="8" y2="21"></line>
                                <line x1="16" y1="3" x2="14" y2="21"></line>
                            </svg>
                            <span class="span-16 lin-p p-gray p-blod" th:text="${article.gameFl}">独立游戏</span>
                        </div>
                    </div>
                </div>
                <div class="list-item-nr">
                    <!-- 面包屑 -->
                    <div class="nav-box border-radius-5 flex-between mar-b show-box-m-d" id="navbox">
                        <div class="nav-box-left" style="margin-right: auto;">
                            <a th:href="@{/}" class="c-purple p-gray a-def">
                                <svg style="position:relative;top:-1px;" xmlns="http://www.w3.org/2000/svg"
                                     width="15px" height="15px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                     class="feather feather-home">
                                    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                    <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                </svg>
                                <span class="span-16 lin-p p-blod">首页</span>
                            </a>
                            <div class="fg-ac p-blod p-gray">正文</div>
                        </div>
                        <div class="nav-box-left">
                            <div class="p-blod p-gray mar-def">分享到: <a href="javascript:void(0)" class="a-def p-gray" @click="wxandqq">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wechat svg-p-r-t-2" viewBox="0 0 16 16">
                                    <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z"/>
                                    <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z"/>
                                </svg>
                            </a>
                            </div>
                            <div class="p-def p-gray mar-def">
                                <a href="javascript:void(0)" class="a-def p-gray" @click="wxandqq">
                                    <svg class="svg-p-r-t-2" fill="currentColor" viewBox="0 0 24 24" width="16" height="16"><path d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.484 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.287.687 6.287 0 0-.688-1.768-1.182-1.768-1.182 2.085-1.77 1.905-3.967 1.905-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z" fill-rule="evenodd"></path></svg>

                                </a>
                            </div>
<!--                            <div class="p-def p-gray mar-def">-->
<!--                                <a href="javascript:void(0)" class="a-def p-gray">-->
<!--                                    <span>贴</span>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                            <div class="p-def p-gray mar-def" onclick="qqkj()">-->
<!--                                <a href="javascript:void(0)" class="a-def p-gray">-->
<!--                                    <span>QQ空间</span>-->
<!--                                </a>-->
<!--                            </div>-->
                        </div>
                    </div>
                    <!-- active -->
                    <div class="active-body">
                        <div class="active-img">
                            <img th:src="${article.gameImgMain}" id="imgmain" alt="就是普通的图片辣" width="100%"/>
                        </div>
                        <div class="active-zt">
                            <!-- <div class="h1-z-w" id="Typecho后台模板"></div> -->
                            <!-- <h2 class="p-blod" id="h1-jc">想了解更多？来康康视频</h2>
                            -->
                            <h2 class="p-blod" id="h1-jc">首先康康简介吧</h2>
                            <div class="green-box mar-b">
                                <p class="p-default">
                                    <span class="p-default p-blod" th:text="${article.gameBody}"></span>
                                    <img th:src="@{/img/eom/6.png}" width="25px" height="25px" alt="就是普通的图片辣"/>
                                </p>
                            </div>
                            <h3 class="p-blod h3-default" >工欲善其事，必先利其器</h3>
                            <div class="peizhi green-box mar-b">
                                <div class="pz-one">
                                    <h5 class="p-default p-blod">最低配置:</h5>
                                    <pre class="pre-def" th:text="${article.gameBot}">
										操作系统: Windows 7 or later(64位)<br />
										处理器: Intel Core i3-3240 (2 * 3400); AMD FX-4300 (4 * 3800)<br />
										内存: 4 GB RAM<br />
										显卡: GeForce GTX 560 Ti (1024 VRAM); Radeon HD 7750 (1024 VRAM)<br />
										存储空间: 需要 4 GB 可用空间<br />
									</pre>
                                </div>
                                <div class="pz-one">
                                    <h5 class="p-default p-blod">推荐配置:</h5>
                                    <pre class="pre-def" th:text="${article.gameTop}">
										操作系统: Windows 10(64位)<br />
										处理器: Intel Core i5-3470<br />
										内存: 8 GB RAM<br />
										显卡: GeForce GTX 1050 (2048 VRAM); Radeon R9 380 (2048 VRAM)<br />
										存储空间: 需要 4 GB 可用空间<br />
									</pre>
                                </div>
                            </div>
                            <!-- <div class="h2-z-w" id="第一款：Simple"></div> -->
                            <h2 class="p-blod h3-default h2-def" id="h3-jc"  th:text="${article.h2One}">吸纳信徒</h2>
                            <p class="p-default p-blod" th:text="${article.pOne}">收集利用手边资源，建造新的建筑、举行暗黑仪式来取悦众神，通过布道传教加强信众对你的信仰。</p>
                            <div class="ys-img mar-b">
                                <div class="img-show">
                                    <img class="show-box-d-m install-img-one" th:src="${article.imgUrlOne}" alt="就是普通的图片辣" width="100%">
                                </div>
                            </div>
                            <h2 class="p-blod h3-default h2-def"   th:text="${article.h2Too}">驱逐异端</h2>
                            <p class="p-default p-blod" th:text="${article.pToo}">收集利用手边资源，建造新的建筑、举行暗黑仪式来取悦众神，通过布道传教加强信众对你的信仰。</p>
                            <div class="ys-img mar-b">
                                <div class="img-show">
                                    <img class="show-box-d-m install-img-one" th:src="${article.imgUrlTwo}" alt="就是普通的图片辣" width="100%">
                                </div>
                            </div>
                            <h2 class="p-blod h3-default h2-def"   th:text="${article.h2Tree}">吸纳信徒</h2>
                            <p class="p-default p-blod" th:text="${article.pTree}">探索一片无限生长、随机生成的世界，与成群的敌人搏斗，击溃敌对领袖并将其力量统统吸纳，维护你的教派的绝对统治。</p>
                            <div class="ys-img mar-b">
                                <div class="img-show">
                                    <img class="show-box-d-m install-img-one" th:src="${article.imgUrlTree}" alt="就是普通的图片辣" width="100%">
                                </div>
                            </div>
                            <div class="ys-img mar-b" th:if="${article.imgUrlFour} != null">
                                <div class="img-show">
                                    <img class="show-box-d-m install-img-one" th:src="${article.imgUrlFour}" alt="就是普通的图片辣" width="100%">
                                </div>
                            </div>
                            <div class="ys-img mar-b" th:if="${article.imgUrlFive} != null">
                                <div class="img-show">
                                    <img class="show-box-d-m install-img-one" th:src="${article.imgUrlFive}" alt="就是普通的图片辣" width="100%">
                                </div>
                            </div>
                            <div class="ys-img mar-b" th:if="${article.imgUrlSix} != null">
                                <div class="img-show">
                                    <img class="show-box-d-m install-img-one" th:src="${article.imgUrlSix}" alt="就是普通的图片辣" width="100%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="download-all" id="downApp">
                        <div class="h2-z-w dw-p"  id="下载"></div>
                        <h2 class="p-blod h3-default"  style="font-size: 20px;">下载</h2>
                        <div class="fl-all-art">
                            <transition v-for="(downLoad,index) in downLoadList" :key="index">
                                <span class="show-box-d-m p-r-z-def span-box color-change-5x">
                                    <a class="a-def c-white" :href="downLoad.downloadUrl"  target="_blank">
                                    <apan class="p-blod c-white text-align" v-text="downLoad.downloadMsg">咩咩启示录（Cult of the Lamb）v1.05 DODI 全DLC中文版-点击下载</apan>
                                    </a>
                                </span>
                            </transition>
                        </div>

                        <div class="tip" th:if="${article.gameTs == null || article.gameTs == ''}">
                                <div class="tip-one">
                                    <span class="p-def c-pink">当有更好的建议时我会补充到这里</span>
                                </div>
                                <div class="p-a p-a-img">
                                    <img th:src="@{/img/background/5.png}" alt="吉祥物" width="250px">
                                </div>
                        </div>

                        <div class="pink-box" th:if="${article.gameTs != null && article.gameTs != ''}">
                            <div class="ts-left">
                                <pre class="p-def c-pink span-pre" th:text="${article.gameTs}"></pre>
                            </div>
                            <div class="ts-right"></div>
                            <div class="p-a p-a-img">
                                <img th:src="@{/img/background/5.png}" alt="吉祥物" width="250px">
                            </div>
                        </div>

                        <h3 class="p-blod h3-default"  style="font-size: 20px;">食用方式</h3>
                        <div class="green-box">
                            <p class="p-default p-blod">
                                1.免安装版直接解压，双击游戏图标样式<code class="p-def">exe</code>即可（请勿点击开始游戏/启动游戏按钮）
                                <img th:src="@{/img/eom/face.png}" width="25px" height="25px">
                            </p>
                            <p class="p-default p-blod">2.游戏请放在 <span class="c-pink">全英文路径</span></p>
                            <p class="p-default p-blod">3.如果迅雷下载非常慢的话，可以 <span class="c-pink">选择把游戏转存至迅雷云盘，然后再取回</span>，百度网盘的，暂无好办法</p>
                            <p class="p-default p-blod">4.适用于此版本的安装运行方法（图解）：</p>
                            <div class="install-img">
                                <transition v-for="(Jc,index) in instJc" :key="index">
                                <a :href="Jc.instUrl" target="_blank">
                                    <div class="install-img-one show-box-d-m">
                                        <img :src="Jc.instImg" :alt="Jc.instType+'安装图解'" width="250px">
                                    </div>
                                </a>
                                </transition>

                            </div>
                        </div>
                        <div class="state">
                            <p class="p-default"><span class="p-blod span-yellow">本文作者:</span><span
                                    class="p-blod" th:text="${article.gameArticle}">暮迟</span></p>
                            <p class="p-default"><span class="p-blod span-yellow">本文链接:</span><span
                                    class="p-blod"><a :href="artUrl" class="a-c-de">{{artUrl}}</a></span>
                            </p>
                            <p class="p-default"><span class="p-blod span-yellow">版权声明:</span><span
                                    class="p-blod">所有文章均来自互联网收集,如果该文章及引用图片侵犯到您的权利，请联系1518561299@qq.com，我会尽量第一时间处理！</span></p>
                        </div>
                        <div class="active-foot">
                            <span class="p-blod">最后修改时间：<span id="endTime" th:text="${article.gameUptime}">2022年8月29日</span></span>
                        </div>
                        <div class="floot-img" id="qiTao">
                            <button class="foot-button boxshow_gray_fill show-box-d-m button-hover" type="button" @click="showQiTao = !showQiTao"  @mouseleave="yichu($event.target)" @mouseenter="yiru($event.target)">
                                <svg style="width: 14px;height: 14px; position: relative;top: -2px;"
                                     fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
                                     class="icon" aria-hidden="true">
                                    <path
                                            d="M10.084 7.606c3.375-1.65 7.65-1.154 10.493 1.487 3.497 3.25 3.497 8.519 0 11.77-3.498 3.25-9.167 3.25-12.665 0-.897-.834-2.488-2.96-2.488-5.085"
                                            stroke="currentColor" stroke-width="1.4" stroke-miterlimit="10"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path
                                            d="M17.392 14.78s1.532-1.318-.053-2.79c-1.585-1.473-3.17-.404-3.719.403-.549.807.495 2.082.93 2.69.434.61 1.364 2.182-.054 3.202-1.417 1.012-3.002.658-4.153-.708-1.15-1.367-.602-3.365 0-3.924M17.338 11.982l1.159-1.076M9.87 18.922l.937-.871"
                                            stroke="currentColor" stroke-width="1.4" stroke-miterlimit="10"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path
                                            d="M.8 1.205s7.15 4.673 8.773 6.182c1.623 1.508 3.231 4.008 1.616 5.509-2.195 2.04-4.054.595-6.737-.75-.884-.447-3.15-1.777-3.15-1.777M10.136.9l1.047 3.188"
                                            stroke="currentColor" stroke-width="1.4" stroke-miterlimit="10"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                奖励一下吧 😋
                            </button>
                            <transition name="scale">
                            <div class="qitao-waike" v-show="showQiTao" @click="showQiTao = !showQiTao" v-cloak="">
                                <div class="qitao-box show-box-d-m">
                                    <div class="qitao-title">
                                        <span class="p-def c-purple">点击任意位置关闭噢</span>
                                    </div>
                                    <div class="qitao-one">
                                        <div class="zfb-box">
                                            <img th:src="@{/img/zftp/1665215749124.jpg}" width="100%">
                                        </div>
                                        <div class="wx-box">
                                            <img th:src="@{/img/zftp/mm_facetoface_collect_qrcode_1665215694339.png}" width="100%">
                                        </div>
                                    </div>
                                    <div class="qitao-title">
                                        <span class="p-def c-purple">感谢大家的支持🥰</span>
                                    </div>
                                </div>
                            </div>
                            </transition>
<!--                            <button class="foot-button boxshow_gray_fill show-box-d-m" type="button" @mouseleave="yichu($event.target)" @mouseenter="yiru($event.target)">-->
<!--                                <svg class="liked_svg"-->
<!--                                     style="transform: scale(2.2);position: relative;top: -2px;"-->
<!--                                     xmlns="http://www.w3.org/2000/svg" viewBox="30 30 60 60" width="16"-->
<!--                                     height="16" preserveAspectRatio="xMidYMid meet">-->
<!--                                    <g clip-path="url(#__lottie_element_1061)">-->
<!--                                        <g style="display: block;"-->
<!--                                           transform="matrix(1,-0.0000012433954452717444,0.0000012433954452717444,1,47.87498474121094,47.057003021240234)"-->
<!--                                           opacity="1">-->
<!--                                            <g class="like_rotate">-->
<!--                                                <g opacity="1"-->
<!--                                                   transform="matrix(1,0,0,1,14.376999855041504,11.416000366210938)">-->
<!--                                                    <path stroke-linecap="butt" stroke-linejoin="miter"-->
<!--                                                          fill-opacity="0" stroke-miterlimit="10"-->
<!--                                                          stroke="rgb(255,255,255)" stroke-opacity="1"-->
<!--                                                          stroke-width="2"-->
<!--                                                          d=" M-7.936999797821045,9.531000137329102 C-7.936999797821045,9.531000137329102 3.378000020980835,9.531000137329102 3.378000020980835,9.531000137329102 C3.815999984741211,9.531000137329102 4.209000110626221,9.258999824523926 4.360000133514404,8.847000122070312 C4.360000133514404,8.847000122070312 7.501999855041504,0.36000001430511475 7.501999855041504,0.36000001430511475 C8.020000457763672,-1.0360000133514404 6.986000061035156,-2.5199999809265137 5.497000217437744,-2.5199999809265137 C5.497000217437744,-2.5199999809265137 -0.5669999718666077,-2.5199999809265137 -0.5669999718666077,-2.5199999809265137 C-0.6399999856948853,-2.5199999809265137 -0.6859999895095825,-2.5969998836517334 -0.6499999761581421,-2.6600000858306885 C-0.36800000071525574,-3.1679999828338623 0.6269999742507935,-4.922999858856201 0.8870000243186951,-5.764999866485596 C1.309000015258789,-7.13100004196167 0.847000002861023,-8.715999603271484 -1.4539999961853027,-9.519000053405762 C-1.4759999513626099,-9.526000022888184 -1.4989999532699585,-9.527000427246094 -1.5180000066757202,-9.519000053405762 C-1.5299999713897705,-9.513999938964844 -1.5410000085830688,-9.505999565124512 -1.5490000247955322,-9.494000434875488 C-1.7309999465942383,-9.234999656677246 -2.6489999294281006,-7.934000015258789 -3.6419999599456787,-6.52400016784668 C-4.795000076293945,-4.888000011444092 -6.050000190734863,-3.1059999465942383 -6.380000114440918,-2.638000011444092 C-6.434000015258789,-2.562000036239624 -6.519000053405762,-2.5199999809265137 -6.611000061035156,-2.5199999809265137 C-6.611000061035156,-2.5199999809265137 -7.938000202178955,-2.5199999809265137 -7.938000202178955,-2.5199999809265137 C-7.982999801635742,-2.5199999809265137 -8.020000457763672,-2.4839999675750732 -8.020000457763672,-2.437999963760376 C-8.020000457763672,-2.437999963760376 -8.020000457763672,9.447999954223633 -8.020000457763672,9.447999954223633 C-8.020000457763672,9.494000434875488 -7.982999801635742,9.531000137329102 -7.936999797821045,9.531000137329102z">-->
<!--                                                    </path>-->
<!--                                                    <path fill="rgb(255,255,255)" fill-opacity="1"-->
<!--                                                          d=" M-7.936999797821045,9.531000137329102 C-7.936999797821045,9.531000137329102 3.378000020980835,9.531000137329102 3.378000020980835,9.531000137329102 C3.815999984741211,9.531000137329102 4.209000110626221,9.258999824523926 4.360000133514404,8.847000122070312 C4.360000133514404,8.847000122070312 7.501999855041504,0.36000001430511475 7.501999855041504,0.36000001430511475 C8.020000457763672,-1.0360000133514404 6.986000061035156,-2.5199999809265137 5.497000217437744,-2.5199999809265137 C5.497000217437744,-2.5199999809265137 -0.5669999718666077,-2.5199999809265137 -0.5669999718666077,-2.5199999809265137 C-0.6399999856948853,-2.5199999809265137 -0.6859999895095825,-2.5969998836517334 -0.6499999761581421,-2.6600000858306885 C-0.36800000071525574,-3.1679999828338623 0.6269999742507935,-4.922999858856201 0.8870000243186951,-5.764999866485596 C1.309000015258789,-7.13100004196167 0.847000002861023,-8.715999603271484 -1.4539999961853027,-9.519000053405762 C-1.4759999513626099,-9.526000022888184 -1.4989999532699585,-9.527000427246094 -1.5180000066757202,-9.519000053405762 C-1.5299999713897705,-9.513999938964844 -1.5410000085830688,-9.505999565124512 -1.5490000247955322,-9.494000434875488 C-1.7309999465942383,-9.234999656677246 -2.6489999294281006,-7.934000015258789 -3.6419999599456787,-6.52400016784668 C-4.795000076293945,-4.888000011444092 -6.050000190734863,-3.1059999465942383 -6.380000114440918,-2.638000011444092 C-6.434000015258789,-2.562000036239624 -6.519000053405762,-2.5199999809265137 -6.611000061035156,-2.5199999809265137 C-6.611000061035156,-2.5199999809265137 -7.938000202178955,-2.5199999809265137 -7.938000202178955,-2.5199999809265137 C-7.982999801635742,-2.5199999809265137 -8.020000457763672,-2.4839999675750732 -8.020000457763672,-2.437999963760376 C-8.020000457763672,-2.437999963760376 -8.020000457763672,9.447999954223633 -8.020000457763672,9.447999954223633 C-8.020000457763672,9.494000434875488 -7.982999801635742,9.531000137329102 -7.936999797821045,9.531000137329102z">-->
<!--                                                    </path>-->
<!--                                                </g>-->
<!--                                                <g opacity="1"-->
<!--                                                   transform="matrix(1,0,0,1,2.694000005722046,14.967000007629395)">-->
<!--                                                    <path fill="rgb(255,255,255)" fill-opacity="1"-->
<!--                                                          d=" M0.5019999742507935,7.0269999504089355 C0.5019999742507935,7.0269999504089355 -0.5019999742507935,7.0269999504089355 -0.5019999742507935,7.0269999504089355 C-0.7789999842643738,7.0269999504089355 -1.003999948501587,6.802000045776367 -1.003999948501587,6.525000095367432 C-1.003999948501587,6.525000095367432 -1.003999948501587,-6.525000095367432 -1.003999948501587,-6.525000095367432 C-1.003999948501587,-6.802000045776367 -0.7789999842643738,-7.0269999504089355 -0.5019999742507935,-7.0269999504089355 C-0.5019999742507935,-7.0269999504089355 0.5019999742507935,-7.0269999504089355 0.5019999742507935,-7.0269999504089355 C0.7789999842643738,-7.0269999504089355 1.003999948501587,-6.802000045776367 1.003999948501587,-6.525000095367432 C1.003999948501587,-6.525000095367432 1.003999948501587,6.525000095367432 1.003999948501587,6.525000095367432 C1.003999948501587,6.802000045776367 0.7789999842643738,7.0269999504089355 0.5019999742507935,7.0269999504089355z">-->
<!--                                                    </path>-->
<!--                                                </g>-->
<!--                                            </g>-->
<!--                                        </g>-->
<!--                                    </g>-->
<!--                                </svg>-->
<!--                                赞&nbsp;<span class="p-blod">25</span>-->
<!--                            </button>-->
                        </div>
                    </div>
                    <!-- 上下文 -->
                    <div class="left-right">
                        <a href="javascript:void(0)" class="a-def foot-button-white show-box-d-m">上一篇</a>
                        <a href="javascript:void(0)" class="a-def foot-button-white show-box-d-m">下一篇</a>
                    </div>
                    <!-- 评论区 -->
                    <div class="user-pl" id="pl">
                        <!-- 评论框 -->
                        <div class="plk">
                            <div class="user-tx" v-if="adminName === 'anonymousUser'">
                                <img src="../img/yhtx/4.jpeg" width="60px" height="60px" class="show-box-d-f">
                            </div>
                            <div class="user-tx user-tx-config" v-if="adminName === '暮迟'">
                                <img src="/img/userImg/my.webp" width="60px" height="60px" class="show-box-d-f">
                            </div>
                            <div class="plsrk">
                                <textarea rows="2" cols="" class="pl-srk show-box-d-m"
                                          v-model.trim="up.commentContent" placeholder="向大家展示你的想法吧！"
                                          @click="showBox = !showBox"
                                          id="plsr"></textarea>
                            </div>
                            <div class="plfb">
                                <button type="button" class="anniu lanse show-box-d-m button-hover" @click="upCom($event)">展示</button>
                            </div>
                        </div>
                        <transition name="slidecs">
                        <div class="plks" v-show="showBox">
                            <div class="user-txs">
                            </div>
                            <div class="plsrk" >
                                <div class="u-waike">
                                    <div class="usermas">
                                        <div class="userLeft">
                                            <div class="f-input">
                                                <label class="input-lab">昵称</label>
                                                <input type="text" value="" class="C-C" v-model.trim="up.visitorName"/>
                                            </div>
                                            <div class="f-input">
                                                <label class="input-lab">邮箱</label>
                                                <input type="email" value="" class="C-C" v-model.trim="up.userEmail"/>
                                            </div>
                                            <div class="f-input">
                                                <div class="eom-all show-box-d-m button-hover" @click="getEom($event)" ref="eomClick" type="button">
							<span class="p-blod"><svg style="position: relative; top: -2px;" viewBox="0 0 24 24"
                                                      width="20" height="20" stroke="currentColor" stroke-width="2" fill="none"
                                                      stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
									<circle cx="12" cy="12" r="10"></circle>
									<path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
									<line x1="9" y1="9" x2="9.01" y2="9"></line>
									<line x1="15" y1="9" x2="15.01" y2="9"></line>
								        </svg>表情</span>
                                                </div>
                                            </div>
                                        </div>
                                        <transition name="scale">
                                        <div class="eom-box-all show-box-m-d p-a" ref="eomBox" v-show="showEomBox" @click.stop>
                                            <div class="eom-name">
                                                <span class="p-def" ref="eomTitle">emo表情</span>
                                            </div>
                                            <div class="eom-show">

				                            <span class="eom-span"
                                                  v-for="(eom,index) in eomList"
                                                  :key="'eom'+index"
                                                  :id="'eom'+index"
                                                  v-show="eomPT"
                                                  @mouseleave="yichu($event.target)"
                                                  @mouseenter="yiru($event.target)" @click="eomsr(index)">
                                                <span class="p-def" v-text="eom.eomIco"></span>
				                            </span>

                                                <span class="eom-span-bili"
                                                      v-for="(bili,index2) in biliList"
                                                      :key="'bili'+index2"
                                                      v-show="bilieom"
                                                      @mouseleave="yichu($event.target)"
                                                      @mouseenter="yiru($event.target)" @click="eomsr2(index2)">
                                                <img  :id="'bili'+index2" :src="'/img/eom/'+bili.eomIco" width="25px"/>
				                            </span>
<!--                                                <span class="eom-span-bili2" v-for="(biliOne,index3) in biliListOne" :key="index3" v-show="biliwz">-->
<!--                                                <img class="p-def" :src="'/img/eom/'+biliOne.eomIco" width="35px"/>-->
<!--				                            </span>-->
                                            </div>
                                            <div class="eom-table">
                                                <div class="eom-table-one bc-active" ref="eoms" type="buttom" @click="eom($event)">
                                                    😋
                                                </div>
                                                <div class="eom-table-one" type="buttom" ref="ywzs" @click="ywz($event)">
                                                    <span class="p-def">:-)</span>
                                                </div>
                                                <div class="eom-table-bili-one" type="buttom" ref="bilieoms" @click="biliEom($event)">
                                                    <img th:src="@{/img/eom/3087d273a78ccaff4bb1e9972e2ba2a7583c9f11.png}" width="22px">
                                                </div>
                                                <div class="eom-table-bili-one" type="buttom" ref="bilifonts" @click="biliWZ($event)">
                                                    <img th:src="@{/img/eom/5637557320fbfb3292307735f0b8acd53a791241.png}" width="22px">
                                                </div>
                                            </div>
                                        </div>
                                        </transition>
                                        <div class="userRig">
                                            <p class="p-def c-blue">暂时采用不登陆，评论方式
                                                <Tooltip max-width="250" content="如果大家都希望登陆后发言，或增加个性化功能的话，我再弄登录发言吧" placement="right">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                                     viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                                     stroke-linecap="round" stroke-linejoin="round"
                                                     class="feather feather-alert-circle svg-p-r-b-2" style="vertical-align: -1px">
                                                    <circle cx="12" cy="12" r="10"></circle>
                                                    <line x1="12" y1="8" x2="12" y2="12"></line>
                                                    <line x1="12" y1="16" x2="12.01" y2="16"></line>
                                                </svg>
                                                </Tooltip>
                                            </p>
<!--                                            <p class="p-def ">如果大家都希望登陆后发言，或增加个性化功能的话，我再弄登录发言吧</p>-->
                                            <p class="p-def c-pink">小提示：友善发言更好喔！</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="plfb" style="width: 80px">

                            </div>
                        </div>
                        </transition>

                        <input type="text" th:value="${article.id}" id="artId" style="display: none">

                        <div class="pl-title show-box-d-m">
                            <div class="pl-num">
                                <span class="p-f-25 p-def c-purple" id="plnum"></span><span class="p-def c-purple">条评论</span>
                            </div>
                            <div class="pl-right">
                                    <div class="pl-qh" type="button" @click="cxtable = !cxtable">
                                        <span class="p-def" :class="{cblue:cxtable}">查看@我的消息</span>
                                    </div>
                                <transition name="slide">
                                <div class="pl-qh" type="button" @click="getPlNew">
                                    <span class="p-def" :class="{cPlBlue : plNew}">最新</span>
                                    <div class="bor-bot-blue" v-show="plNew"></div>
                                </div>
                                </transition>
                                <div>|</div>
                                <transition name="slide">
                                <div class="pl-qh" type="button" @click="getPlHot">
                                    <span class="p-def" :class="{cPlRed : plHot}">最热</span>
                                    <div class="bor-bot-red" v-show="plHot"></div>
                                </div>
                                </transition>
                            </div>
                        </div>
                        <transition name="slidecs">
                        <div class="cx-name show-box-d-m" v-show="cxtable">
                            <input type="text" class="B-B" placeholder="输入想查找的名字" v-model="CX.cxName">
                            <button type="button" class="cx-name-but show-box-d-m p-def" @click="cxname">查找</button>
                            <div class="next-one">
                                <span class="p-def pl-cz" type="button" @click="nextleft">上一个</span>
                                <span class="p-def pl-cz" type="button" @click="nextright">下一个</span>
                                <span class="p-def pl-cz" type="button" @click="cxtable = !cxtable">关闭</span>
                            </div>
                        </div>
                        </transition>
                        <div id="app"><list :list="commentList"></list></div>

                    </div>

                </div>
            </div>
        </div>
        <div class="video-footer show-box-d-m" id="video">
            <div class="hidevideo show-box-d-m-l" type="button" onclick="videohide()"><p class="p-blod p-default" id="hidets">收起</p></div>
            <div class="video-footer-one">
                <video class="video-de" controls="" th:src="${article.videoUrl}"></video>
            </div>
        </div>
    </div>
</div>
<footer class="footer p-ht" id="footer">
    <div class="footer-box show-box-sm">
        <div class="footer-all">
            <div class="footer-l">
                <span class="p-blod">AURORA 收藏屋</span>
                <div class="my-mass p-r">
                    <span class="p-blod">@ AURORA 收藏屋 -- 今朝有酒今朝醉</span>
                    <span class="p-blod">Copyright @ <span id="newyear"></span> AURORA 收藏屋</span>
                </div>
            </div>
            <div class="footer-r">
                <span class="p-def c-purple">
                    <a class="a-def" href="https://beian.miit.gov.cn/#/Integrated/index">
                    渝ICP备2022012032号
                    </a>
                </span>
            </div>
        </div>
    </div>
</footer>

<script th:src="@{/js/vue.js}" type="text/javascript" charset="utf-8"></script>
<!-- import iView -->
<script th:src="@{/js/iview.min.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/axios.min.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/waste-art-v.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/fontadd.js}" type="text/javascript" charset="utf-8"></script>

</body>
</html>